<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="./../base/dialog/Dialog.js"></script>
  <style>
    tr {
      height: 40px;
    }
    td {
      line-height: 20px;
      height: 20px;
      font-size: 18px;
      padding-right: 10px;
      box-sizing: border-box;
    }
  </style>
</head>
<body>
<div style="display: none;" id="form">
  <table style="width: calc(100% - 20px);margin: 10px;text-align: right;">
    <tbody>
    <tr>
      <td class="text">标题</td>
      <td><input style="width: 100%;outline: none;height: 20px;" type="text"></td>
    </tr>
    <tr>
      <td class="text">链接</td>
      <td><input style="width: 100%;outline: none;height: 20px;" type="text"></td>
    </tr>
    <tr>
      <td class="text">图标</td>
      <td><button style="width: 100%;outline: none;">选择</button></td>
    </tr>
    <tr>
      <td class="text">本站</td>
      <td><div style="float:left;"><input type="radio" name="inner" value="true">站内 <input type="radio" name="inner" value="false">站外 </div></td>
    </tr>
    <tr>
      <td class="text" style="vertical-align: baseline;padding-top: 5px;">描述</td>
      <td><textarea style="width: 100%;outline: none;resize: vertical;min-height: 40px;" rows="2" type="text"></textarea></td>
    </tr>
    <tr>
      <td></td>
      <td>
        <button style="width: 100%">提交</button>
      </td>
    </tr>
    </tbody>
  </table>
</div>
</body>
<script>
  let d = new Dialog("修改");
  d.dialog.style.display = 'block';
  d.dialogContent.innerHTML = document.getElementById('form').innerHTML;
</script>
</html>
